<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>登录页面 - 乐橙客户管理系统</title>
    <link rel="icon" href="/images/favicon.ico" type="image/ico">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/materialdesignicons.min.css" rel="stylesheet">
    <!--对话框-->
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css">
    <link href="/css/style.min.css" rel="stylesheet">
    <link href="/css/login.css" rel="stylesheet"/>
</head>
<body>
<div class="login-body">
    <div class="login-banner"><img src="/images/newLogin/login-banner-2.png" alt=""></div>
    <div class="login-main">
        <input type="hidden" id="errorCode" name="errorCode" th:value="${errorCode}"/>
        <div class="login-switch">
            <a href="JavaScript:void(0);" class="login-qrcode" data-type="qrCode"><span>企微扫码登陆</span><img src="/images/newLogin/login-qrCode.jpg" alt=""></a>
            <a href="JavaScript:void(0);" class="login-password" data-type="password"><img src="/images/newLogin/login-password.jpg" alt=""></a>
        </div>
        <div id="login_container" class="login-qrform"></div>
        <div class="login-form">
            <h2><img src="/images/newLogin/login-title.jpg" alt=""></h2>
            <div class="login-label username">
                <input placeholder="请输入用户名" id="username" type="text" name="username" class="form-control">
            </div>
            <div class="login-label password">
                <input placeholder="请输入密码" id="password" type="password" name="password" class="form-control">
                <a href="JavaScript:void(0);" class="mdi mdi-eye-off" data-flag="show" id="showPassword"></a>
            </div>
            <div class="login-label">
                <input id="captchaBox" type="text" name="captcha" class="form-control" placeholder="请输入验证码" autocomplete="off">
                <img src="/captcha/createVerifyImg" class="pull-right" id="captcha"
                     onclick="refreshCaptcha();" title="点击刷新"
                     alt="如果看不清楚，请单击图片刷新！">
            </div>
            <div class="btn-box">
                <button class="btn" type="button" onclick="submit();">登录</button>
            </div>
            <div class="footer"><span>&copy;</span>大成方略网络科技有限公司 <a href="https://beian.miit.gov.cn" target="_blank">京ICP备2021012419号-1</a><div id="version">&nbsp;&nbsp;版本V <em>1.0</em></div></div>
        </div>
    </div>
</div>

<!-- 修改密码模态框 -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" id="editModel"
     data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg" role="document" style="width: 650px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">修改密码</h4>
            </div>
            <div class="modal-body">
                <!-- start -->
                <form class="form-horizontal clearfix" style="margin-left: 110px; padding: 20px 0;">
                    <div class="form-group" style="width: 100%">
                        <label style="color:red;">*密码需要包含字母、数字，长度控制在8-16位</label>
                    </div>
                    <div class="form-group" style="width: 100%">
                        <label style="color:red;">*请避免简单密码，例：aa123456</label>
                    </div>
                    <div class="form-group" style="width: 100%">
                        <label class="col-sm-1 control-label" style="width: 130px;text-align: left;"
                               for="oldPassword">原密码</label>
                        <div class="col-sm-8">
                            <input class="reset_password" type="password" id="oldPassword" name="oldPassword" style="width: 200px;"
                                   placeholder="请输入原密码" onblur="loginPageOldPasswordValidate()">
                            <div class="pwd-eye" id="old-pwd-eye"
                                 style="background-image: url('/images/login/password-hide.png');"
                                 data-flag="show" onclick="loginPagePwdEye('old-pwd-eye','oldPassword')"></div>
                            <span id="oldPasswordMsg" class="tipMsg"></span>
                        </div>
                    </div>

                    <div class="form-group" style="width: 100%">
                        <label class="col-sm-1 control-label" style="width: 130px;text-align: left;"
                               for="newPassword">新密码</label>
                        <div class="col-sm-8">
                            <input class="reset_password" type="password" id="newPassword" name="newPassword" style="width: 200px;"
                                   placeholder="请输入新密码" onblur="resetPasswordValidate()">
                            <div class="pwd-eye" id="pwd-eye"
                                 style="background-image: url('/images/login/password-hide.png');"
                                 data-flag="show" onclick="loginPagePwdEye('pwd-eye','newPassword')"></div>
                            <span id="passwordMsg" class="tipMsg"></span>
                        </div>
                    </div>

                    <div class="form-group" style="width: 100%">
                        <label class="col-sm-1 control-label" style="width: 130px;text-align: left;"
                               for="rePassword">再次输入新密码</label>
                        <div class="col-sm-8">
                            <input class="reset_password" type="password" id="rePassword" name="rePassword" style="width: 200px;"
                                   placeholder="请再次输入新密码" onblur="loginPageResetPasswordValidate()">
                            <div class="pwd-eye" id="re-pwd-eye"
                                 style="background-image: url('/images/login/password-hide.png');"
                                 data-flag="show" onclick="loginPagePwdEye('re-pwd-eye','rePassword')"></div>
                            <span id="rePasswordMsg" class="tipMsg"></span>
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="loginPageResetPassword()">提交</button>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript" src="/js/jquery.min.js"></script>
<!--<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>-->
<!--对话框-->
<script type="text/javascript" src="/js/bootstrap.min.js"></script>

<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script type="text/javascript" src="/js/crm/wwLogin-1.2.4.js"></script>
<script type="text/javascript" src="/js/crm/login.js"></script>
</body>
</html>